<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Restaurant Home Page</title>
        <meta name="description" content="Handbag" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/coin-slider/coin-slider.js"></script>
        <link rel="stylesheet" href="js/coin-slider/coin-slider-styles.css" type="text/css"/>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_home.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>

        <!-- HOT LINE -->
        <link rel="stylesheet" href="../../widget/hotline/0/hotline_0.css" type="text/css"/>
        <!-- LOGO -->
        <link rel="stylesheet" href="../../widget/logo/3/logo_3.css" type="text/css" />
        <!-- SEARCH -->
        <link rel="stylesheet" href="../../widget/search_bar/3/search_bar_3.css" type="text/css" />
        <!-- HMENU -->
        <link rel="stylesheet" href="../../widget/hmenu/4/hmenu_4.css" type="text/css" />
        <!-- BREADCRUMBS -->
        <link rel="stylesheet" href="../../widget/breadcrumbs/1/breadcrumbs_1.css" type="text/css" />
        <!-- BANNER -->
        <link rel="stylesheet" href="../../widget/banner/80/banner_80.css" type="text/css" />
        <!-- HTML BLOCK 1 -->
        <link rel="stylesheet" href="../../widget/html_block/1/html_1.css" type="text/css" />
        <!-- HTML BLOCK 3 -->
        <link rel="stylesheet" href="../../widget/html_block/3/html_3.css" type="text/css" />
        <!-- HTML BLOCK 4 -->
        <link rel="stylesheet" href="../../widget/html_block/4/html_4.css" type="text/css" />
        <!-- HTML BLOCK 8 -->
        <link rel="stylesheet" href="../../widget/html_block/8/html_8.css" type="text/css" />
        <!-- HTML BLOCK 9 -->
        <link rel="stylesheet" href="../../widget/html_block/9/html_9.css" type="text/css" />
        <!-- HTML BLOCK 18 -->
        <link rel="stylesheet" href="../../widget/html_block/18/html_18.css" type="text/css" />

        <!-- TEXT LIST 1 -->
        <link rel="stylesheet" href="../../widget/text_list/1/text_list_1.css" type="text/css" />
        <!-- NEWS FILTER 10-->
        <link rel="stylesheet" href="../../widget/news_filter/10/news_filter_10.css" type="text/css" />
        <!-- IMAGE LIST 8 -->
        <link rel="stylesheet" href="../../widget/image_list/8/image_list_8.css" type="text/css" />
        <!-- Social 8 -->
        <link rel="stylesheet" href="../../widget/social_network/8/social_8.css" type="text/css" />


        <script type="text/javascript">
            $(document).ready(function() {
                $('#banner_wrapper').coinslider({ width: 926, height: 353, navigation: false, delay: 5000 });
            });
        </script>
    </head>



    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="wrapper_header_1">
                    <div id="hook_header" class="hook">
                        <!-- hook header : widget : hotline, logo, search bar -->

                        <!-- HOTLINE WIDGET -->

                        <div id="hotline_wi" class="hotline_0">
                            <img src="images/hotline_logo.png" alt="hotline_logo" class="hl_align_left"/>
                            <div class="hl_infor">
                                <div class="hl_content">
                                    Call us for reservation
                                </div><!-- End .hl_conent -->
                                <div class="hl_phone_number">
                                    (84)851236536
                                </div><!-- End .hl_phone_number -->
                            </div><!-- End .hl_infor -->
                        </div><!-- End .hotline_0 -->
                        <!-- End HOTLINE WIDGET -->

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi" class="logo_3">

                            <div class="logo_content_wrapper">
                                <div class="logo_content">
                                    <h1 class="company_name">Tiara</h1>
                                    <h3 class="company_description">Restaurant</h3>
                                </div><!-- End .logo_content -->
                            </div><!-- End .logo_content_wrapper -->
                        </div>
                        <!-- End LOGO WIDGET -->

                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi" class="search_bar_3">
                            <form class="searchForm" method="post" action="#">
                                <div class="search_bar_wrapper">
                                    <input class="search_text" type="text" name="txtsearch" value="Search keyword here"/>
                                    <input class="search_submit" type="submit" name="btnsearch" value=">"/>
                                </div><!-- End #search_bar_wrapper -->
                            </form>
                        </div><!-- End .search_bar_3 -->
                        <!-- End SEARCH BAR WIDGET -->
                        
                        <!-- HMENU WIDGET -->
                        <div id="hemnu_wi" class="hemnu_4">
                            <div class="hmenu_wrapper">
                                <div class="hemnu_bullet_left"></div>
                                <ul class="hmenu_items">
                                    <li class="current"><a href="#">Home</a></li>
                                    <li><a href="introduction.html">About us</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li class="last_item"><a href="#">News</a></li>
                                </ul>
                                <div class="hemnu_bullet_right"></div>
                            </div><!--End hmenu_wrapper-->
                        </div>
                        <!-- End HEMNU WIDGET -->

                    </div><!-- End hook_header -->
                </div><!-- End #wrapper_header_1 -->
            </div>
            <!-- End wrapper_top -->

            <!--- Wrapper MAIN --->

            <div id="wrapper_main">

                <div id="wrapper_banner">
                    <div id="hook_banner" class="hook">
                        <div id="banner_wi" class="banner_80">
                            <div id="banner_wrapper">
                                <a href="images/home_banner.png" target="_blank">
                                    <img src="images/home_banner.png" alt="home_banner" />
                                </a>
                                <a href="images/home_banner.png" target="_blank">
                                    <img src="images/home_banner_2.jpg" alt="home_banner" />
                                </a>
                                <a href="images/home_banner.png" target="_blank">
                                    <img src="images/home_banner_3.jpg" alt="home_banner" />
                                </a>
                            </div>


                        </div>
                        <!-- End .banner_80 -->
                    </div><!-- End #hook_banner -->

                </div>
                <!-- End #wrapper_banner -->

                <div id="wrapper_home_1">
                    <div id="hook_home_1" class="hook">
                        <div id="html_heading" class="html_block_18">
                            <h1>This Week's Best Choice !</h1>
                        </div>
                        <!-- End .html_block_18 -->

                    </div><!-- End #hook_home_1 -->

                    <div id="hook_home_2" class="hook">
                        <div id="html_block_1" class="html_block_3">
                            <div class="wrapper_image">

                            </div><!-- End .wrapper_image -->

                            <div class="wrapper_content">
                                <div class="content">
                                    <h1>DESSERT MENU</h1> 
                                    <p>Lorem ipsum dolor sit amet, conseuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy.…</p>
                                    <div class="read_more">
                                        <a href="#">More info</a>
                                    </div>
                                </div><!-- End .content -->
                            </div><!-- End .wrapper_content -->
                        </div>

                        <div id="html_block_2" class="html_block_3">
                            <div class="wrapper_image">
                                <img src="#" alt="#"/>
                            </div><!-- End .wrapper_image -->

                            <div class="wrapper_content">
                                <div class="content">
                                    <h1>DESSERT MENU</h1> 
                                    <p>Lorem ipsum dolor sit amet, conseuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy.…</p>
                                    <div class="read_more">
                                        <a href="#">More info</a>
                                    </div>
                                </div><!-- End .content -->
                            </div><!-- End .wrapper_content -->
                        </div>

                        <div id="html_block_3" class="html_block_3">
                            <div class="wrapper_image">
                                <img src="#" alt="#"/>
                            </div><!-- End .wrapper_image -->

                            <div class="wrapper_content">
                                <div class="content">
                                    <h1>DESSERT MENU</h1> 
                                    <p>Lorem ipsum dolor sit amet, conseuer adipiscing elit conseuer adipiscing Aenean nonummy.…</p>
                                    <div class="read_more">
                                        <a href="#">More info</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End #hook_home_2 -->

                </div>
                <!-- End #wrapper_home_1 -->

                <div id="wrapper_home_2">
                    <div id="wrapper_home_2_left">
                        <div id="hook_home_2_left" class="hook">
                            <div id="html_block_4" class="html_block_4">
                                <img src="images/welcome_image.png" alt="#"/>
                                <div class="wrapper_content">
                                    <h1>Welcome</h1>
                                    <h3>To our restaurant</h3>
                                    <p>Lorem ipsum dolor sit amet. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturien montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida. </p>
                                </div>
                                <!-- End .wrapper_content -->
                                <div class="clear"></div>
                            </div>
                            <!-- End .html_block_4 -->
                        </div>
                        <!-- End #hook_home_2_left -->
                    </div><!-- End #wrapper_home_2_left -->


                    <div id="wrapper_home_2_right">
                        <div id="hook_home_2_right" class="hook">
                            <div id="news_filter" class="news_filter_10">
                                <h1 class="title">Lastest news</h1>
                                <ul class="news_content">
                                    <li>
                                        <div class="date_post">
                                            Feb 22th 2012
                                        </div>
                                        <div class="infor">
                                            <h2>
                                                <a href="#">Lorem ipsum dolor sitamet</a>
                                            </h2>
                                            <p>
                                                Consectetuer adipiscing raesentum vestibulum molestie lacusen enean nonummy hendrerit mauris... 
                                            </p>
                                        </div>
                                        <div class="clear"></div>

                                    </li>

                                    <li>
                                        <div class="date_post">
                                            Feb 22th 2012
                                        </div>
                                        <div class="infor">
                                            <h2>
                                                <a href="#">Lorem ipsum dolor sitamet</a>
                                            </h2>
                                            <p>
                                                Consectetuer adipiscing raesentum vestibulum molestie lacusen enean nonummy hendrerit mauris... 
                                            </p>
                                        </div>
                                        <div class="clear"></div>

                                    </li>

                                    <li>
                                        <div class="date_post">
                                            Feb 22th 2012
                                        </div>
                                        <div class="infor">
                                            <h2>
                                                <a href="#">Lorem ipsum dolor sitamet</a>
                                            </h2>
                                            <p>
                                                Consectetuer adipiscing raesentum vestibulum molestie lacusen enean nonummy hendrerit mauris... 
                                            </p>
                                        </div>
                                        <div class="clear"></div>

                                    </li>

                                    <li>
                                        <div class="date_post">
                                            Feb 22th 2012
                                        </div>
                                        <div class="infor">
                                            <h2>
                                                <a href="#">Lorem ipsum dolor sitamet</a>
                                            </h2>
                                            <p>
                                                Consectetuer adipiscing raesentum vestibulum molestie lacusen enean nonummy hendrerit mauris... 
                                            </p>
                                        </div>
                                        <div class="clear"></div>

                                    </li>


                                </ul>
                            </div><!-- End .news_filter_10 -->
                        </div>
                        <!-- End #hook_home_2_right -->
                    </div><!-- End #wrapper_home_2_right -->
                    <div class="clear"></div>
                </div><!-- End #wrapper_home_2 -->


            </div><!-- End #wrapper_main -->

            <div id="wrapper_footer">
                <div id="wrapper_footer_section_1">

                    <div id="hook_footer_section_1" class="hook">

                        <div id="html_8" class="html_8">
                            <h1>
                                Tiara
                            </h1>
                            <h3>Restaurant</h3>
                        </div><!-- End .html_8 -->



                        <div id="html_9" class="html_9">

                            <h1>Contact info</h1>
                            <div class="address">8901 Marmora Road, Glasgow, D04 89GR.</div>
                            <ul>
                                <li>Freephone: <span>+1 800 559 6580</span></li>
                                <li>Telephone: <span>+1 800 603 6035</span></li>
                                <li>FAX: <span>+1 800 889 9898</span></li>
                                <li>E-mail: </span>mail@demolink.org</span></li>
                            </ul>


                        </div>
                        <!-- End .html_9 -->

                        <div id="social_8" class="social_8">

                            <h1>Keep in touch</h1>   
                            <ul>
                                <li>
                                    <img src="images/facebook.png" alt="facebook" /> 
                                    <a href="#">Facebook</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/google_plus.png" alt="google_plus" /> 
                                    <a href="#">Google Plus</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li>
                                    <img src="images/twitter.png" alt="twitter" /> 
                                    <a href="#">Twitter</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/rss.png" alt="rss" /> 
                                    <a href="#">RSS</a>
                                    <div style="clear: both;"></div>
                                </li>

                            </ul>

                        </div>
                        <!-- End .social_8 -->
                    </div>
                    <!-- End #hook_footer_section_1 -->

                </div><!-- End #wrapper_footer_section_1 -->
                <div id="wrapper_footer_section_1_foot"></div>

                <style>
                    #wrapper_footer_section_2 {
                        width: 940px;
                        margin: 0px auto;
                    }
                    #wrapper_footer_section_2 #hook_copyright {
                        height: 30px;
                    }

                    .html_10 {
                        position: absolute;
                        left:0px;
                        top: 0px;
                    }

                    .html_10 p {
                        font-family: Arial, sans-serif;
                        font-size: 11px;
                        color: #5d5d5e;
                    }
                </style>
                <div id="wrapper_footer_section_2">
                    <div id="hook_copyright" class="hook">
                        <div id="html_10" class="html_10">
                            <p>©2012 POWERED BY TIARA™. ALL RIGHT RESERVED.</p>
                        </div>

                    </div>
                </div><!-- End #wrapper_footer_section_2 -->
            </div><!-- End #wrapper_footer -->


        </div><!--END wrapper-->
    </body>
</html>